<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
    <head>
        <title>仓库管理系统</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />

        <!-- Bootstrap -->
        <link rel="stylesheet" media="screen" href="css/bootstrap.min.css" />
        <link rel="stylesheet" media="screen" href="css/bootstrap-theme.min.css" />

        <!-- Bootstrap Admin Theme -->
        <link rel="stylesheet" media="screen" href="css/bootstrap-admin-theme.css" />
        <link rel="stylesheet" media="screen" href="css/bootstrap-admin-theme-change-size.css" />

        <!-- Vendors -->
        <link rel="stylesheet" media="screen" href="vendors/datatables/css/dataTables.bootstrap.min.css" />
        <link rel="stylesheet" media="screen" href="vendors/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" />
        <!-- (...) -->
        <style type="text/css">
        .bootstrap-admin-panel-content .btn-toolbar {
            margin-bottom: 5px;
        }
        .userdlg {
            overflow: hidden;;
        }
        .userdlg legend {
            padding: 5px;
        }
        .userdlg button {
            width: 75px;
            margin: 0 0 10px 5px;
        }        
		table.dataTable tbody  tr.selected  td {
		    background-color: #B0BED9;
		}		
		.search-form {
		  overflow: hidden;
          margin-bottom: 5px;
		}
		.search-time div {
		  float: left;
		  margin-right: 5px;
		}
		.search-time .form_date {
		  width: 250px;
		}
		.form-group label.control-label {
		    line-height: 34px;
            height: 34px; 
		}
		.search-time .btn {
		  width: 75px;
		}
        </style>

        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
           <script type="text/javascript" src="js/html5shiv.js"></script>
           <script type="text/javascript" src="js/respond.min.js"></script>
        <![endif]-->
    </head>
    <body class="bootstrap-admin-with-small-navbar">        
        <th:block th:include="template :: header"/>
        
        <div class="container">
            <!-- left, vertical navbar & content -->
            <div class="row">
                <!-- left, vertical navbar -->
                <div class="col-md-2 bootstrap-admin-col-left" th:include="template :: leftnav (current=deliverlist)">
                </div>

                <!-- content -->
                <div class="col-md-10">
                    
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="panel panel-default">                        
                                <div class="panel-heading">
                                    <div class="text-muted bootstrap-admin-box-title">出库列表</div>
                                </div>
                                <div class="bootstrap-admin-panel-content">
                                    <div class="search-form">
                                        <div class="form-group search-time">
                                          <div><label class="control-label">出库时间</label></div>
				                          <div>                 
				                            <div class="input-group date form_date" >
                                                <input id="search_from" class="form-control" size="16" type="text" value="" readonly="readonly" />
							                    <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
							                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                                            </div>                                                   
                                            <div><label class="control-label">到</label></div>                                          
                                            <div class="input-group date form_date" >
                                                <input id="search_to" class="form-control" size="16" type="text" value="" readonly="readonly" />
                                                <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                                                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                                            </div> 
                                            <button id="btnSearch" class="btn btn-primary">检索</button>
				                          </div>
                                        </div>
                                    </div>
                                    <table class="table table-striped table-bordered" id="vouchers">
                                        <thead>
                                            <tr>
                                                <th>编号</th>
                                                <th>出库时间</th>
                                                <th>产品编号</th>
                                                <th>产品名称</th>
                                                <th>数量</th>
                                                <th>货架编号</th>
                                                <th>存储位置</th>
                                                <th>生产厂商</th>
                                                <th>联系电话</th>
                                                <th>操作人</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- footer -->
        <div th:include="template :: footer"></div>
        
<!--         <script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script> -->
        <script type="text/javascript" src="vendors/jquery-1.11.3.js"></script>
        <script type="text/javascript" src="vendors/jquery-ajax-mvc-patch.js"></script>
        <script type="text/javascript" src="js/bootstrap.min.js"></script>
        <script type="text/javascript" src="js/twitter-bootstrap-hover-dropdown.min.js"></script>
        <script type="text/javascript" src="vendors/datatables/js/jquery.dataTables.min.js"></script>
        <script type="text/javascript" src="vendors/datatables/js/dataTables.bootstrap.min.js"></script>
        <script type="text/javascript" src="vendors/jquery-dateFormat.min.js"></script>
        <script type="text/javascript" src="vendors/layer/layer.js"></script>
        <script type="text/javascript" src="vendors/jquery.validate.js"></script>        
        <script type="text/javascript" src="vendors/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
        <script type="text/javascript" src="vendors/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
        <script type="text/javascript" src="vendors/moment.min.js"></script>
        <script type="text/javascript" src="js/app/tools.js"></script>
        <script type="text/javascript" src="js/app/dlist.js"></script>
    </body>
</html>
